<template>
  <div class="widget">
    <div class="main-layout">
      <el-tabs v-model="activeTab" class="main-tab-widget">
        <el-tab-pane label="转换" name="convertTab">
          <ConvertTab />
        </el-tab-pane>
        
        <el-tab-pane label="分割" name="splitTab">
          <SplitTab />
        </el-tab-pane>
        
        <el-tab-pane label="合并" name="mergeTab">
          <MergeTab />
        </el-tab-pane>
        
        <el-tab-pane label="设置" name="settingsTab">
          <SettingsTab />
        </el-tab-pane>
        
        <el-tab-pane label="帮助" name="helpTab">
          <HelpTab />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import { ref } from 'vue';
import ConvertTab from './tabs/ConvertTab.vue';
import SplitTab from './tabs/SplitTab.vue';
import MergeTab from './tabs/MergeTab.vue';
import SettingsTab from './tabs/SettingsTab.vue';
import HelpTab from './tabs/HelpTab.vue';

export default {
  name: "QFFmpegWidget",
  components: {
    ConvertTab,
    SplitTab,
    MergeTab,
    SettingsTab,
    HelpTab
  },
  setup() {
    const activeTab = ref('convertTab');
    
    return {
      activeTab
    };
  }
};
</script>